.app-breadcrumb {
  a,
  span {
    color: #7ad2ff !important;
    font-size: 18px !important;
  }
}

.el-input__inner {
  background: rgba(81, 195, 241, 0.10000000149011612);
  border-radius: 2px 2px 2px 2px;
  border: 1px solid #51c3f1;
  color: #fff !important;
}

// 分页
.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
  background-color: #223a69;
}
.el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #4b9ee0;
}

// 按钮
.el-button--primary {
  background-color: #59ccff;
  border-color: #59ccff;
  &:focus,
  &:hover {
    background-color: #59ccff;
    border-color: #59ccff;
  }
}
.el-button--success {
  background-color: #31d298;
  &:focus,
  &:hover {
    background-color: #31d298;
    border-color: #31d298;
  }
}
// 下拉菜单
.el-select-dropdown {
  background: rgba(0, 5, 40, 0.8);
  border-radius: 2px 2px 2px 2px;
  opacity: 1;
  border: 2px solid;
}
// 箭头
.el-popper[x-placement^='bottom'] .popper__arrow {
  background: rgba(0, 5, 40, 0.8);
  &::after {
    background: rgba(0, 5, 40, 0.8);
  }
}
.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  background: rgba(23, 160, 230, 0.2);
  opacity: 1;
}

// 表格
.el-table th.el-table__cell {
  background: rgba(81, 195, 241, 0.3);
  color: #fff;
  font-size: 16px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
}
.el-table tr:nth-child(2n-1) {
  background: #0a2857 !important;
  color: #ffffff;
  border: none;
}
.el-table tr:nth-child(2n) {
  background: #093767 !important;
  color: #ffffff;
  border: none;
}
.el-table__body .el-table__row.hover-row td {
  background: transparent !important;
}
// 右侧固定表格
.el-table__fixed-right {
  box-shadow: -10px 0 10px #2c6ca3;
}

// 表格下边框
.el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf {
  border-bottom: none;
}
.el-table,
.el-table__expanded-cell {
  background-color: transparent;
}
// 表格底部白线
.el-table--border::after,
.el-table--group::after,
.el-table::before {
  background-color: transparent !important;
}
// 展开的表格
.el-table__expanded-cell {
  background: linear-gradient(180deg, #022456 0%, #007aaf 100%);
  border-radius: 0px 0px 0px 0px;
  opacity: 1;
  border: 1px solid;
  border-image: linear-gradient(
      180deg,
      rgba(122.1875050663948, 210.21440237760544, 255, 0),
      rgba(122.1875050663948, 210.21440237760544, 255, 1)
    )
    1 1;
  .el-form-item__label {
    font-size: 12px;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #ffffff;
    .el-form-item__content {
      font-size: 12px;
      font-family: PingFang SC-Medium, PingFang SC;
      font-weight: 500;
      color: #7ad2ff !important;
    }
  }
}

// 对话框
.el-dialog {
  background: rgba(0, 5, 40, 0.9);
  border-radius: 2px 2px 2px 2px;
  opacity: 1;
  border: 2px solid;
  border-image: linear-gradient(
      89deg,
      rgba(
        28.000000230968,
        109.00000110268593,
        171.00000500679016,
        0.20000000298023224
      ),
      rgba(42.5000012665987, 162.608702480793, 255, 1),
      rgba(
        43.00000123679638,
        112.000000923872,
        156.00000590085983,
        0.00009999999747378752
      )
    )
    2 2;
  .el-form-item__label,
  .el-form-item__content {
    color: #fff;
  }
  .el-textarea__inner {
    background-color: transparent !important;
    border: 1px solid #51c3f1;
    color: #ffffff;
  }
  .el-upload-list--picture .el-upload-list__item {
    background-color: transparent !important;
    a {
      color: #ffffff;
    }
  }
}

// 选择下拉框
.el-select-dropdown__item {
  border: 1px solid #51c3f1;
  color: #fff;
  border-bottom: none;
  &:last-child {
    border-bottom: 1px solid #51c3f1;
  }
}

// 标签样式
// 激活
.tags-view-container .tags-view-wrapper .tags-view-item.active {
  background-color: #003a79 !important;
  opacity: 1;
  border: 1px solid rgba(78, 165, 244, 0.5) !important;
  color: #fff !important;
}
// 未激活
.tags-view-container .tags-view-wrapper .tags-view-item {
  color: rgba(108, 202, 255, 0.5) !important;
  background-color: #011f51 !important;
  opacity: 1;
  border: 1px solid rgba(78, 165, 244, 0.1) !important;
}

// 滚动条
::-webkit-scrollbar-track-piece {
  background: #2d74a5;
}
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-thumb {
  background: #51c3f1;
  border-radius: 20px;
}

// 日期选择框

.el-date-editor .el-range-input {
  background: none;
  color: #fff;
}
.el-input__inner:hover {
  border: 1px solid #51c3f1;
}
.el-picker-panel {
  background-color: #08386a;
  border: none;
  color: #ffffff;
  .el-date-range-picker__content.is-left {
    border-right: #01092d;
  }
  .el-date-table td.disabled div {
    background-color: transparent;
    color: #606266;
  }
}

.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
  background-color: #839bbf !important;
}

.el-dialog__title {
  color: #fff !important;
}
